@charset "UTF-8";

body {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	background-color: white;
	height: 1000px;
	width: 99%;
	overflow-x: hidden;
}
/*--------------------------------------------------*/

section#header0 {
	position: absolute;
	height: 55%;
	width: 99%;
	background-color: white;
	top: -40px;
}

section#header1 {
	position: relative;
	height: 55px;
	width: 100%;
	/*background-color: rgba(12.2,26.3,46.7,1);*/
	background-color: #1f4377;
	box-shadow: 0px 5px 5px black;
	z-index: 2;
}

ul.ul_mapa {
	position: relative;
	float: right;
	top: 12.5px;
	right: 10vw;
	margin: 0;
}

li.mapa {
	display: inline-block;
	color: white;
	background-color: none;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	margin-right: 21px;
}

li.mapa_icone {
	display: inline-block;
	background-color: none;
	text-align: center;
	vertical-align: middle;
	font-size: 27px;
	margin-right: 15px;
	transition: 0.4s;
}

li.mapa_icone a {
	color: white;
	text-decoration: none;
}

.email {
	display: block;
}

.emailto {
	text-decoration: none;
	color: white;
}

.envelope {
	display: none;
}

@media (max-width: 1000px) {
	.email {
		display: none;
	}

	.envelope {
		display: block;
		font-size: 27px;
	}

	.horario {
		display: none;
	}
}

@media (max-width: 600px) {
	
	ul.ul_mapa {
	float: left;
	width: 130%;
	left: 0vw;
}
	li.mapa {
		margin-right: 21px;
		margin-top: 0px;
		font-size: 17px;
	}

	li.mapa_icone {
		margin-left: 15px;
		margin-top: -2px;
		font-size: 35px;
}
}
		
@media (max-width: 380px) {
	
	ul.ul_mapa {
	float: left;
	width: 100%;
	left: -9vw;
	
}
	li.mapa {
		margin-right: 21px;
		margin-top: 3px;
		font-size: 17px;
	}

	li.mapa_icone {
		margin-left: 15px;
		margin-top: 3px;
		font-size: 27px;
	}

}

/*--------------------------------------------------*/
section#header2 {
	position: relative;
	background-color: white;
	width: 100%;
	height: 15%;
}

figure#figLogo {	
	position: relative;
	float: left;
	width: 32%;
	height: 100%;
	top: 0px;
	margin: 0;
}

aside {
	position: relative;
	float: right;
	background-color: white;
	width: 68%;
	margin-top: 6.5px;
	height: 13%;
	top: 0px;
}

img#img_header {

	position: absolute;
	float: right;
	height: 100%;
	/*width:169px;*/
	width: auto;
	margin-top: 13px;
	padding: 0px;
	left: 15vw;
}

ul.menuz {
	position: relative;
	float: left;
	margin-left: 1vw;
	margin-top: 54px;
	list-style: none;
	text-transform: uppercase;
}

.menuz li {
	display: inline-block;
	background-color: white;
	padding: 6.3px;
	/*transition: background-color 0.5s;*/
}

.menuz a {
	/*color: rgba(12.2,26.3,46.7,1);*/
	color: #1f4377;
	text-decoration: none;
	font-size: 1.2vw;
	transition: color 0.4s;
}

.menuz a:hover {
	color: orange;
	text-decoration: none;
	font-size: 1.2vw; 
}

.show-menu-btn {
	transition: 0.4s;
	font-size: 25px;
	cursor: pointer;
	display: none;
	position: absolute;
	top: 30px;
	right: 5vw;
	/*color: rgba(12.2,26.3,46.7,1);*/
	color: #1f4377;
}

.show-menu-btn i {
	line-height: 0px;
	font-size: 40px;
}

#chk {
	position: absolute;
	display: none;
}

@media (max-width: 1000px) {

	figure#figLogo {
		position: relative;
		float: left;
		width: 30%;
		top: 0px;
		height: 100%;
		margin: 0;
	}

	img#img_header {
		position: absolute;
		float: right;
		width: auto;
		height: 90%;
		margin-top: 13px;
		padding: 0px;
		left: 0vw;
	}

	aside {
		position: relative;
		float: right;
		background-color: white;
		width: 68%;
		margin-top: 6.5px;
		height: 100%;
		top: 0px;
	}
	
	.show-menu-btn {
		display: block;
	}

	.menuz {
		width: 90%;
		right: 0%;
		display: none;
		z-index: 2;
		line-height: normal;
		/*backgroundrgba(12.2,26.3,46.7,1);*/
		background: #1f4377;
		/*background: orange;*/
		box-shadow: 0px 5px 5px black;
		top: 0px;
		text-align: center;
		transition: 1.7s;
		opacity: 0.9;
	}

	.menuz li {
		display: block;
		padding: 20px;
		margin: 0px;
	}

	.menuz a {
	/*color: rgba(12.2,26.3,46.7,1);*/
	color: #1f4377;
	text-decoration: none;
	font-size: 17px; 
	}

	.menuz a:hover {
	font-size: 17px; 
}

	#chk:checked ~ .menuz {
		right: 0%;
		display: inline;
	}
}

@media (max-width: 600px) {

	img#img_header {
		position: absolute;
		float: right;
		height: 53%;
		/*width:169px;*/
		width: auto;
		margin-top: 13px;
		padding: 0px;
		left: 0vw;
	}
}

/*--------------------------------------------------*/

section#header3 {
	position: relative;
	width: 100%;
	height: 80vw;
	background-color: white;
	opacity: 1;
}

.slider {
	position: absolute;
	overflow: hidden;
	margin-top: 6.5px;
	left: 15vw;
	width: 67vw;
	height: auto;
}

.slider figure div {
	width:33.33%;
	float: left;
}

.slider figure img {
	width: 100%;
}

.slider figure {
	position: relative;
	width: 300%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	left:0;
	animation: 30s slidy infinite;
}

@keyframes slidy {
	0% {left: 0%;}
	16.67% {left: 0%;}
	18.67% {left: -100%;}
	35.34% {left: -100%;}
	37.34% {left: -200%;}
	54% {left: -200%;}
	56% {left: -100%;}
	72.67% {left: -100%;}
	74.67% {left: -000%;}
	91.33% {left: -000%;}
}

.aa {
	opacity: 0.5;
	position: absolute;
	top: 16.67%;
	left: 0.7%;
	background-color: #1f4377;
	/*background-color: white;*/
	/*width: 33.33%;*/
	/*width: 20.33%;
	height: 400px;*/
	/*width: 600px;
	height: 55.67%;*/
	width: 33vw; 
	height: 21vw;
	box-sizing: border-box;
	box-shadow: 0px 5px 5px black;
}

.aaa {
	opacity: 0.5;
	position: absolute;
	top: 16.67%;
	right: 34%;
	background-color: #1f4377;
	/*background-color: white;*/
	/*right: 33.33%;*/
	/*width: 33.33%;*/
	/*width: 20.33%;
	height: 55.67%;*/
	width: 33vw;
	height: 21vw;
	box-sizing: border-box;
	box-shadow: 0px 5px 5px black;
}

.aaaa {
	opacity: 0.5;
	position: absolute;
	top: 16.67%;
	left: 67.33%;
	background-color: #1f4377;
	/*background-color: white;*/
	/*width: 33.33%;*/
	/*width: 20.33%;
	height: 55.67%;*/
	width: 33vw; 
	height: 21vw;
	box-sizing: border-box;
	box-shadow: 0px 5px 5px black;
}

.bb {
	box-sizing: border-box;
	/*color: #1f4377;*/
	color: white;
	font-size: 1.4vw;
	text-align: center;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	top: 0%;
	padding: 0px;
	line-height: 1.9vw;
}

.bbb {
	box-sizing: border-box;
	/*color: #1f4377;*/
	color: white;
	/*font-size: 27px;*/
	font-size: 1.4vw;
	text-align: center;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	top: 0%;
	padding: 0px;
	line-height: 1.9vw;
}

.h1slide {
	/*font-size: 35px;*/
	font-size: 1.8vw;
	/*color: #1f4377;*/
	color: white;
	/*font-size: 33px;*/
	padding-top: 0.3vw;
	line-height: 2.3vw;
}

.h2slide {
	font-size: 1.8vw;
	color: orange;
}

.h2endereco {
	margin-right: 5px;
	text-align: right;
	font-size: 15px;
	line-height: 21px;
	color: rgba(12.2,26.3,46.7,1);
}

@media screen and (max-width: 1000px) {

	section#header3 {
		position: relative;
		width: 100%;
		height: 130vw;
		background-color: white;
		opacity: 1;
	}

	.slider {
		position: absolute;
		overflow: hidden;
		margin-top: 6.5px;
		top: 0%;
		left: 0;
		/*max-width: 63%;*/
		/*max-width: 1000px;*/
		width: 100%;
		height: auto;
	}

	.aa {
		/*opacity: 0.35;*/
		opacity: 0.5;
		position: absolute;
		top: 10%;
		left: 0%;
		background-color: #1f4377;
		/*background-color: white;*/
		/*width: 33.33%;*/
		/*width: 20.33%;
		height: 55.67%;*/
		width: 100%; 
		height: 80%;
		box-sizing: border-box;
		box-shadow: 0px 5px 5px black;
	}

	.aaa {
		/*opacity: 0.35;*/
		opacity: 0.5;
		position: absolute;
		top: 10%;
		left: 33.33%;
		background-color: #1f4377;
		/*background-color: white;*/
		/*width: 33.33%;*/
		/*width: 20.33%;
		height: 55.67%;*/
		width: 100%; 
		height: 80%;
		box-sizing: border-box;
		box-shadow: 0px 5px 5px black;
	}

	.aaaa {
		/*opacity: 0.35;*/
		opacity: 0.5;
		position: absolute;
		top: 10%;
		left: 66.66%;
		background-color: #1f4377;
		/*background-color: white;*/
		/*width: 33.33%;*/
		/*width: 20.33%;
		height: 55.67%;*/
		width: 100%; 
		height: 80%;
		box-sizing: border-box;
		box-shadow: 0px 5px 5px black;
	}

	.bb {
		box-sizing: border-box;
		/*color: #1f4377;*/
		color: white;
		font-size: 4.5vw;
		line-height: 5.5vw;
		text-align: center;
		width: 33.33%;
		height: 90%;
		vertical-align: middle;
		top: 0%;
		padding: 0px;
		/*line-height: 40px;*/
		
	}

	.bbb {
		box-sizing: border-box;
		/*color: #1f4377;*/
		color: white;
		/*font-size: 27px;*/
		font-size: 4.5vw;
		line-height: 5.5vw;
		text-align: center;
		width: 33.33%;
		height: 100%;
		vertical-align: middle;
		top: 0%;
		padding: 0px;
		/*line-height: 40px;*/
	}

	.h1slide {
		font-size: 5vw;
		line-height: 6vw;
		/*color: #1f4377;*/
		color: white;
		position: relative;
		top: 0%;
	}

	.h2slide {
		font-size: 5vw;
		color: orange; 
		text-decoration: none;
	}

	.h2endereco {
	margin-right: 10px;
	font-size: 13px;
	}	
}
/*--------------------------------------------------*/

section#header4 {
	position: relative;
	/*float: left;*/
	/*background-color: rgba(12.2,26.3,46.7,1);*/
	background-color: #1f4377;
	width: 100%;
	height: 70vw;
	box-shadow: 0px 10px 10px black;
	overflow: hidden;
}

.casinha {
	transition: 0.4s;
	font-size: 25px;
	cursor: pointer;
	position: absolute;
	top: 3%;
	right: 5vw;
	color: white;
	z-index: 10;
}

.casinha i {
	line-height: 0px;
	font-size: 25px;
	z-index: 10;

}

/*.show-menu-btn {
	transition: 0.4s;
	font-size: 25px;
	cursor: pointer;
	display: none;
	position: absolute;
	top: 30px;
	right: 5vw;
	color: rgba(12.2,26.3,46.7,1);
}

.show-menu-btn i {
	line-height: 0px;
	font-size: 40px;
}*/

ul#album-fotos {
	/*width: 1000px;*/
	width: 90vw;
	height: 55vw;
	padding: 3vw;
	
	list-style-type: none;
	/*margin-left: 190px;*/
	margin-left: 0vw;
	margin-top: 0vw;
}

ul#album-fotos li {
	float: left;
	/*width: 300px;
	height: 300px;*/
	/*width: 15vw;
	height: 15vw;*/
	width: 20vw;
	height: 15vw;
	margin: 5vw -11vw -3vw 13vw;
	border:  0.3vw solid white;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
	-webkit-transition: all .5s ease-in;
}

ul#album-fotos li span {
	opacity: 0;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	background-color: rgba(0,0,0,.3);
	font-size: 9pt;
	line-height: 370px;
	padding: 5px;
}

ul#album-fotos li:hover {
	-webkit-transform: scale(1.7);
}


ul#album-fotos li:hover span {
	opacity: 1;
}

ul#album-fotos li#foto01:hover, li#foto01:hover, li#foto02:hover li#foto03:hover li#foto04:hover, li#foto05:hover, li#foto06:hover, li#foto07:hover, li#foto08:hover, li#foto09:hover {
	background-position: 0px 0px;
	/*background-size: 300px 300px;*/
	background-size: auto 15vw;
}

ul#album-fotos li#foto01 {
	background: url('../_imagens/3a.JPEG') no-repeat;
	background-position: 50% 50%;
	/*background-size: 300px 300px;*/
	background-size: auto 20vw;
	background-color: #ffffff;
}

ul#album-fotos li#foto02 {
	background: url('../_imagens/4b.JPEG') no-repeat;
	background-position: 50% 50%;
	/*background-size: 300px 300px;*/
	/*background-size: 15vw 15vw;*/
	background-size: auto 20vw;
	background-color: #ffffff;

}
ul#album-fotos li#foto03 {
	background: url('../_imagens/6c.JPEG') no-repeat;
	background-position: 50% 50%;
	/*background-size: 300px 300px;*/
	/*background-size: 15vw 15vw;*/
	background-size: auto 20vw;
	background-color: #ffffff;
}
ul#album-fotos li#foto04 {
	background: url('../_imagens/13j.jpg') no-repeat;
	background-position: 50% 50%;
	/*background-size: 300px 300px;*/
	/*background-size: 15vw 15vw;*/
	background-size: auto 20vw;
	background-color: #ffffff;
}
ul#album-fotos li#foto05 {
	background: url('../_imagens/9e.JPEG') no-repeat;
	background-position: 50% 50%;
	/*background-size: 300px 300px;*/
	/*background-size: 15vw 15vw;*/
	background-size: auto 20vw;
	background-color: #ffffff;
}
ul#album-fotos li#foto06 {
	background: url('../_imagens/10f.JPEG') no-repeat;
	background-position: 50% 50%;
	/*background-size: 300px 300px;*/
	/*background-size: 15vw 15vw;*/
	background-size: auto 20vw;
	background-color: #ffffff;
}

ul#album-fotos li#foto07 {
	background: url('../_imagens/11h.jpg') no-repeat;
	background-position: 50% 50%;
	/*background-size: 300px 300px;*/
	/*background-size: 15vw 15vw;*/
	background-size: auto 20vw;
	background-color: #ffffff;
}
ul#album-fotos li#foto08 {
	background: url('../_imagens/12i.jpg') no-repeat;
	background-position: 50% 50%;
	/*background-size: 300px 300px;*/
	/*background-size: 15vw 15vw;*/
	background-size: auto 20vw;
	background-color: #ffffff;
}
ul#album-fotos li#foto09 {
	background: url('../_imagens/8g.jpg') no-repeat;
	background-position: 50% 50%;
	/*background-size: 300px 300px;*/
	/*background-size: 15vw 15vw;*/
	background-size: auto 20vw;
	background-color: #ffffff;
}

@media screen and (min-width: 1700px) {
	section#header4 {
		height: 1000px;
	}
}

@media screen and (max-width: 1000px) {
	
	ul#album-fotos {
	width: 90vw;
	margin-left: 5vw;
	margin-top: 0vw;
	/*overflow: scroll;*/
	}

	ul#album-fotos li:hover {
		/*position: absolute;*/
		-webkit-transform: scale(2.3);
	}

	section#header4 {
		position: relative;
		/*float: left;*/
		/*background-color: rgba(12.2,26.3,46.7,1);*/
		background-color: #1f4377;
		width: 100%;
		height: 100vw;
		box-shadow: 0px 10px 10px black;
	}

	ul#album-fotos li {
		float: left;
		/*width: 300px;
		height: 300px;*/
		width: 20vw;
		height: 15vw;
		/*margin: 10vw -10vw -8vw 12vw;*/
		margin: 2vw 2vw 2vw 2vw;
		border:  0.3vw solid white;
		background-color: #ffffff;
		box-shadow: 1px 1px 3px rgba(0,0,0,.4);
		-webkit-transition: all .5s ease-in;
	}
}

@media screen and (max-width: 380px) {

	section#header4 {
	position: relative;
	/*float: left;*/
	/*background-color: rgba(12.2,26.3,46.7,1);*/
	background-color: #1f4377;
	width: 100%;
	height: 760px;
	box-shadow: 0px 10px 10px black;
	}
	
	ul#album-fotos {
	width: 90vw;
	height: 500px;
	margin-left: 1vw;
	}

	ul#album-fotos li:hover {
		/*position: absolute;*/
		/* -webkit-transform: scale(1.5); */
		-webkit-transform: scale(1);
	}

	ul#album-fotos li {
		width: 40vw;
		height: 35vw;
	}

	ul#album-fotos li#foto01, ul#album-fotos li#foto02, ul#album-fotos li#foto03, ul#album-fotos li#foto04, ul#album-fotos li#foto05, ul#album-fotos li#foto06, ul#album-fotos li#foto07, ul#album-fotos li#foto08, ul#album-fotos li#foto09 {
	background-size: auto 35vw;
	}

	ul#album-fotos li#foto01:hover, li#foto02:hover li#foto03:hover li#foto04:hover, li#foto05:hover, li#foto06:hover, li#foto07:hover, li#foto08:hover, li#foto09:hover {
		background-size: auto 35vw;
	}
}

	/*--------------------------------------------------*/

	section#header5 {
		position: relative;
		/*float: left;*/
		background-color: lightgrey;
		opacity: 0.85;
		width: 100%;
		height: 125%;	
		top: 0px;
		z-index: -1;
	}

	div#endereco {
		position: absolute;
		top: 32vw;
		text-decoration: none;
		/*top: 10%;*/
		left: 17%;
		margin-left: 1%;
		font-size: 30px;
		color: white;
		line-height: 44px;
	}

	div#video {
	position: relative;
		left: 17%;
		top: 10%;
		opacity: 0.9;
		border: 5px;
	}	

	.vid {
		width: 34.5vw;
		height: 19.5vw;
	}

	div#googlemap {
	position: relative;
		left: 17%;
		top: 35%;
		width: 50%;
	}

	section#fundo {
		position: fixed;
		top: 20px;
		z-index: -5;
		height: 50vw;
		width: 98.9vw;
	}

	img#img_fundo {
		width: 99%;
		height: auto;
	}
	
@media screen and (max-width: 1000px) {

	section#header5 {
		height: 200vw;

	}

	div#endereco {
		width: 65%;
		left: 17%;
		font-size: 25px;
		color: white;
		line-height: 30px;
		top: 70vw;
	}
	
	div#video {
		top: 5%;
		left: 0%;
		width: 30%;
		height: 30%;
		opacity: 0.9;
	}

	div#googlemap {
		position: relative;
		left: 0%;
		top: 50vw;
		width: 75vw;
	}

	section#fundo {
		width: 99vw;
	}
	img#img_fundo {
		margin-top: 155%;
		margin-left: 5%;
		width: 89vw;
		
	}

	.vid {
	width: 98vw;
	height: 55vw;
	}
}

@media screen and (max-width: 380px) {

	section#header5 {
		height: 270vw;

	}

	div#endereco {
		width: 65%;
		left: 17%;
		font-size: 20px;
		color: white;
		line-height: 30px;
		top: 85vw;

	}

	div#googlemap {
		position: relative;
		left: 0%;
		top: 60vw;
		width: 75vw;
	}

	img#img_fundo {
	display: none;
	}
}

/*--------------------------------------------------*/

footer#rodape {
	clear: both;
	border-top: 1px solid #606060;
	height: 110px;
	/*border-color: rgba(12.2,26.3,46.7,1);*/
	border-color: #1f4377;
	background-color: white;
	opacity: 1;

}

footer#rodape h1 {
	font-size: 13px;
	font-style: normal;
	text-align: center;
	/*color: rgba(12.2,26.3,46.7,1);*/
	color: #1f4377;
	padding: 1px; 
}

footer#rodape p {
	font-size: 15px;
	text-align: center;
	/*color: rgba(12.2,26.3,46.7,1);*/
	color: #1f4377;
	line-height: 23px;
	padding: 4px; 
}

/*--------------------------------------------------*/